/*
 * @Author: nengwu 409791297@qq.com
 * @Date: 2020-06-29 10:01:20
 * @LastEditors: mylesshie@gmail.com
 * @LastEditTime: 2020-07-08 17:39:03
 * @description: 
 */

import { StyleSheet } from 'react-native'
import px from '@/libs/px'

const styles = StyleSheet.create({
  wrap: {
    flex: 1,
    flexDirection: 'column',
    backgroundColor: '#fff'
  },
  container: {
    flex: 1,
    backgroundColor: '#EEF0F3'
  },
  topBg: {
    flex: 0,
    height: px(220),
    marginTop: px(-80),
    backgroundColor: '#D2363A',
  },
  top: {
    position: 'relative'
  },
  bg: {
    height: px(200),
    backgroundColor: '#D2363A'
  },
  mainBox: {
    borderRadius: px(20),
    backgroundColor: '#fff',
    marginLeft: px(24),
    marginRight: px(24),
    marginTop: px(-80)
  },
  mainTop: {
    paddingTop: px(40),
    paddingBottom: px(30),
    flexDirection: 'row',
    alignItems: 'center',
    paddingLeft: px(30),
    paddingRight: px(30),
    borderBottomColor: '#ccc',
    borderBottomWidth: px(1)
  },
  header: {
    flex: 0,
    width: px(90),
    height: px(90),
    marginRight: px(20)
  },
  headerImg: {
    width: px(90),
    height: px(90),
    borderRadius: px(45)
  },
  nameBox: {
    flex: 1
  },
  name: {
    fontSize: px(36),
    color: '#000'
  },
  iconBox: {
    flex: 0,
    width: px(14)
  },
  rightIcon: {
    width: px(14),
    height: px(26)
  },
  mainBottom: {
    paddingTop: px(30),
    paddingBottom: px(30),
    flexDirection: 'row',
    justifyContent: 'space-around'
  },
  tabNav: {

  },
  navIcon: {

    width: px(114),
    height: px(114),
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',

  },
  navTitle: {
    marginTop: px(20),
  },
  navText: {
    marginLeft: 5,
    fontSize: px(24),
    color: '#000',
    textAlign: 'left'
  },
  navText1: {
    marginLeft: 15,
    fontSize: px(24),
    color: '#000',
    textAlign: 'left'
  },
  menuBox: {
    marginLeft: px(24),
    marginRight: px(24),
    marginTop: px(30),
    borderRadius: px(8),
    overflow: 'hidden'
  },
  listContentContainer: {
    paddingTop: px(20),
    paddingBottom: px(20)
  },
  unLogin: {
    padding: px(50),
    marginTop: px(150),
    alignItems: 'center'
  },
  unLoginText: {
    color: '#999',
    fontSize: 16
  },
  loginBtn: {
    width: px(200),
    height: px(60),
    marginTop: px(20),
    marginLeft: 'auto',
    marginRight: 'auto',
    backgroundColor: '#D2363A'
  },
  btnText: {
    textAlign: 'center',
    color: '#fff'
  }
})

export default styles